body
{
        margin:12px;
        padding:0px;
        margin-top:10px;
        font-family: verdana, sans-serif;
        font-size:10px;
        page: auto;
}

td
{
		font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
        font-size:12px;
}

#graph
{
	background: url(/n2/bg_gradient.jpg);
	padding:0px;
	margin:0px;
}

input.l
{
	position: absolute;
	height: 17px;
	font-size: 13px;
	margin: 3px;
	width: 255px;
	top: 90px;
}

.listnewline
{
	clear: both;
	font-size: 0px;
	height: 0px;
	margin: 0px;
}

#modal
{
	clear:both;
	display: box;
	z-index: 10001;
	width: 520px;
	top: 73px;
	height: 122px;
	padding-top: 20px;
	background-color: #ededed;
	position: absolute;
	left: 50%; 
	margin-left: -260px;
	/* for IE */
	filter:alpha(opacity=85);
	/* CSS3 standard */
	opacity:0.85;
	vertical-align:top;
	border-top: 1px solid #444444;
}

#modalleft
{
	z-index: 10001;
	display:box;
	position:absolute;
	margin-left:-300px;
	padding:0px;
	top:73px;
	width:40px;
	height:142px;
	left:50%;
	background: url(/n2/midleft.png);
	filter:alpha(opacity=55);
	opacity:0.55;
}

#modalright
{
	z-index: 10001;
	display:box;
	position:absolute;
	margin:0px;
	padding:0px;
	top:73px;
	width:40px;
	height:142px;
	left:50%;
	margin-left:260px;
	background: url(/n2/midright.png);
	filter:alpha(opacity=55);
	opacity:0.55;
}

#modalbotleft
{
	z-index: 10001;
	display:box;
	position:absolute;
	margin-left:-300px;
	padding:0px;
	top:215px;
	width:96px;
	height:64px;
	left:50%;
	background: url(/n2/botleft.png);
	filter:alpha(opacity=55);
	opacity:0.55;
}

#modalbotmid
{
	z-index: 10001;
	display:box;
	position:absolute;
	margin-left:-204px;
	padding:0px;
	top:215px;
	width:408px;
	height:64px;
	left:50%;
	background: url(/n2/botmid.png);
	filter:alpha(opacity=55);
	opacity:0.55;
}

#modalbotright
{
	z-index: 10001;
	display:box;
	position:absolute;
	margin:0px;
	padding:0px;
	top:215px;
	width:96px;
	height:64px;
	left:50%;
	margin-left:204px;
	background: url(/n2/botright.png);
	filter:alpha(opacity=55);
	opacity:0.55;
}

#modalshadow
{
	position: absolute;
	display: box;
	top: 0px;
	width: 100%;
	height: 122px;
	/* for IE */
	filter:alpha(opacity=65);
	/* CSS3 standard */
	opacity:0.65;
	background: url(/n2/botmid.png);
	background-repeat: repeat-x;
}

#modalcontents
{
	z-index: 10002;
	width: 520px;
	top: 70px;
	height: 122px;
	padding-top: 20px;
	position: absolute;
	left: 50%; 
	margin-left: -260px;
}

#modalicon
{
	posiiton: absolute;
	margin-top: 3px;
	margin-left: 32px;
	width: 64px;
	height: 64px;
}

#modaltext
{
	position: absolute;
	top: 16px;
	left: 120px;
	right: 20px;
}

#modalbuttons
{
	display: box;
	position: absolute;
	bottom: 12px;
	right: 20px;
}

#modalokbutton
{
	float: left;
	padding-left: 10px;
}

#modalcancelbutton
{
	display: none;
	float: left;
	padding-left: 10px;
}

.dialogtext
{
	font-size: 13px;
}

h1.dialog
{
	color: #888888;
}

.overviewarrow
{
	margin-top: 1px;
	float: left;
	height: 14px;
	width: 20px;
	background: url(/n2/smallarrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.overviewhdr
{
    font-family: verdana, sans-serif;
	float: left;
    font-size:14px;
    font-weight:bold;
	float: left;
	width: 430px;
	color: #888888;
}

h1.hostview
{
	color: #888888;
}

h1.hostviewdetails
{
	display: box;
	text-align: left;
	left: 0px;
	margin-left: 50px;
	margin-right: 40px;
	color: #888888;
}

td.subtitle
{
	font-size:18px;
	font-weight:bold;
	color: #f0fce0;
}

td.vinfo
{
	font-size:9px;
	font-weight:bold;
	color: #101828;
}

td.hostlistheader
{
	background-color: #eeeeee;
	background-image: url(/n2/bg_listhdr.png);
	bagkrodund-repeat: no-repeat;
	background-size: 100%;
	font-family: verdana, sans serif;
	font-size:10px;
	height: 17px;
}

table.hosttable
{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

.hostgraph
{
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 320px;
	overflow: hidden;
}

td.hostth
{
	border-right: solid 1px #666666;
	border-top: solid 1px #444444;
	background-color: #eeeeee;
	background-image: url(/n2/bg_listhdr.png);
	bagkrodund-repeat: no-repeat;
	background-size: 100%;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
	font-weight: bold;
	padding-top: 2px;;
	padding-left: 4px;
	padding-right: 4px;
	font-size:11px;
	height: 14px;
}

td.hosttd
{
	border-right: dotted 1px #bbbbbb;
	background: url(/n2/mid.png);
	padding: 4px;
	font-size: 11px;
}

td.overview
{
	border-right: dotted 1px #bbbbbb;
	padding: 4px;
	font-size: 11px;
}

a.tnav
{
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
	color: #203050;
	border-width: 1;
	border-style: solid;
	padding-left: 2;
	padding-right: 2;
	background-color: #eeeeee;
	vertical-align: text-top;
}

a.dnav
{
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
	border-width: 1;
	border-style: solid;
	padding-left: 2;
	padding-right: 2;
	border-color: #888888;
	vertical-align: text-top;
}

a.timescale
{
        font-family: verdana, sans-serif;
        font-size:9px;
		text-decoration: none;
		color: #000000;
}

div.forcebreak
{
	page-break-before: always;
}

h1
{
        font-size:14px;
}

#throbberspace {
	position:absolute;
	height:16px;
	margin:0px;
	padding:0px;
	left:50%;
	top:47px;
	margin-left:136px;
}

#topleft {
	position:absolute;
	height:96px;
	margin:0px;
	padding:0px;
	width:48px;
	background: url(/n2/topleft.png);
	left:50%;
	margin-left:-448px;
}

#topmid {
	position:absolute;
	height:96px;
	margin:0px;
	padding:0px;
	width:800px;
	background: url(/n2/topmid.png);
	left:50%;
	margin-left:-400px;
}

#windowtitle {
	position:absolute;
	height:14px;
	margin:0px;
	padding:0px;
	top:23px;
	width:740px;
	text-align: center;
	left:50%;
	margin-left:-370px;
	font-size:13px;
	font-weight:bold;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
	text-shadow: 1px 0px 0px #eeeeee;
}

#windowclose {
	position:absolute;
	height:12px;
	width:13px;
	top:24px;
	left:50%;
	margin-left:-405px;
	overflow: hidden;
}

#toolbararea {
	position:absolute;
	height:29px;
	margin:0px;
	padding:0px;
	top:44px;
	border-bottom: 1px solid #444444;
	width: 816px;
	left:50%;
	margin-left:-408px;
}

#toolbar {
	position:absolute;
	height:29px;
	margin:0px;
	padding:0px;
	top:44px;
	left:50%;
	width:440;
	margin-left:-399px;
}

#toolbarright {
	position:absolute;
	height:22px;
	margin:0px;
	padding:0px;
	top:44px;
	left:50%;
	width:239px;
	background: url(/n2/fakesearch.png);
	margin-left:160px;
}

#searchbox {
	position:absolute;
	height:17px;
	border-style:none;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 180px;
	top:43px;
	left:50%;
	width:194px;
	margin-right: 32px;
}

#erasesearch {
	position:absolute;
	width:14px;
	height:14px;
	top:48px;
	left:50%;
	margin-left:380px;
}

#searchbox:focus {outline: 0pt;}

#statusarea {
	position:absolute;
	height:20px;
	margin:0px;
	padding:0px;
	top:74px;
	border-top: 1px solid #dddddd;
	width: 816px;
	left:50%;
	margin-left:-408px;
	font-size:10px;
	font-weight:bold;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
	text-shadow: 1px 0px 0px #eeeeee;
	vertical-align: middle;
}

.statusnumber {
	margin-top: -2px;
}

#timenav {
	position: absolute;
	height:19px;
	bottom: 10px;
	margin:0px;
	padding:0px;
	width:360px;
	left:50%;
	margin-left:-180px;
}

#topright {
	position:absolute;
	height:96px;
	margin:0px;
	padding:0px;
	width:48px;
	background: url(/n2/topright.png);
	left:50%;
	margin-left:400px;
}

#midleft {
	position:fixed;
	margin:0px;
	padding:0px;
	width:40px;
	top:96px;
	bottom:24px;
	left:50%;
	margin-left:-448px;
	background: url(/n2/midleft.png);
}


#content {
	position:fixed;
	border-top: 1px solid #333333;
	font-size: 12px;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
	margin:0px;
	padding:0px;
	overflow: auto;
	width:816px;
	top:96px;
	bottom:24px;
	left:50%;
	margin-left: -408px;
	background: url(/n2/mid.png);
}

#tabtopleft {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	height: 22px;
	top:12px;
	left:50%;
	margin-left: -385px;
	background: url(/n2/tabarea_topleft.png);
}

#tabtopmid {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 762px;
	height: 22px;
	top:12px;
	left:50%;
	margin-left: -381px;
	background: url(/n2/tabarea_topmid.png);
}

#tabnavigation {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 22px;
	top: 12px;
	left: 50%;
	margin-left:-350px;
}

#tabtopright {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	height: 22px;
	top:12px;
	left:50%;
	margin-left: 381px;
	background: url(/n2/tabarea_topright.png);
}

#tabmidleft {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	top: 34px;
	bottom: 44px;
	left:50%;
	margin-left: -385px;
	background: url(/n2/tabarea_midleft.png);
}

#tabarea {
	position: absolute;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 746px;
	top: 34px;
	bottom: 44px;
	left: 50%;
	margin-left: -383px;
	background: url(/n2/tabarea_mid.png);
}

#tabcontent {
	position: absolute;
	top: 2px;
	bottom: 4px;
	left: 4px;
	right: 4px;
	overflow: auto;
	font-size: 12px;
}

#tabmidright {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	top: 34px;
	bottom: 44px;
	left:50%;
	margin-left: 381px;
	background: url(/n2/tabarea_midright.png);
}

#tabbotleft {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	height: 4px;
	bottom: 40px;
	left:50%;
	margin-left: -385px;
	background: url(/n2/tabarea_botleft.png);
}

#tabbotmid {
	position: absolute;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 746px;
	height: 4px;
	bottom: 40px;
	left: 50%;
	margin-left: -383px;
	background: url(/n2/tabarea_botmid.png);
}

#tabbotright {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 4px;
	height: 4px;
	bottom: 40px;
	left:50%;
	margin-left: 381px;
	background: url(/n2/tabarea_botright.png);
}

#contentlist {
	position:absolute;
	width:816px;
	float:left;
	height:18px;
	overflow:none;
	margin:0px;
	padding:0px;
	top:0px;
	left:50%;
	margin-left: -408px;
	overflow:none;
	background: url(/n2/bg_listhdr.png);
}

.contentlistnode {
	width:100%;
	height:auto;
	font-size:10px;
	padding:0px;
	margin:0px;
	height:21px;
	background: url(/n2/mid.png);
	cursor: default;
}

#contentlisthdr {
	position:absolute;
	width:800px;
	height:18px;
	overflow:none;
	float:left;
	margin:0px;
	padding:0px;
	top:0px;
	left:50%;
	margin-left: -408px;
	overflow:none;
	font-weight:bold;
	font-size:10px;
}

#contentlistbody {
	position:fixed;
	overflow:auto;
	top:114px;
	bottom:24px;
	width:816px;
	left:50%;
	margin-left: -408px;
	background: url(/n2/mid.png);
	font-weight: normal;
}

.contentlist {
	background: url(/n2/mid.png);
	width:800px;
	font-size: 10px;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
}

.listnode {
	display: inline;
	float: left;
	border-right: 1px dotted #bbbbbb;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: normal;
	overflow: hidden;
}

#tgroupname { float: left; width:172px; left:0px; overflow: hidden; color: #666666; font-weight: bold;}
#thostname { width:172px; left:0px; overflow: hidden; }
#tstatus { width:52px; left:150px; overflow: hidden; }
#tnetin { width:57px; left:220px; text-align:right; overflow: hidden; }
#tnetout { width:57px; left:285px; text-align:right; overflow: hidden; }
#tdiskiops { width:60px; left: 300px; text-align:right; overflow: hidden; }
#trtt { width:47px; left:340px; text-align:right; overflow: hidden; }
#tload { width:102px; left:396px; overflow: hidden; }
#tcpu { width:178px; left:506px; overflow: hidden; border-right: none; }
#tload1 {width: 46px; left:396px; overflow: hidden; margin-right: 0px; border-right:none; text-align:right;}
#tload2 {width: 48px; left:436px; overflow: hidden; margin-left: 0px; }
#tcpu1 {width: 58px; left:496px; overflow: hidden; margin-right: 0px; border-right:none; text-align:right;}
#tcpu2 {width: 108px; left:564px; overflow: hidden; margin-left: 0px; border-right:none; }

#midright {
	position:fixed;
	margin:0px;
	padding:0px;
	width:40px;
	top:96px;
	bottom:24px;
	left:50%;
	margin-left:408px;
	background: url(/n2/midright.png);
}

#botleft {
	position:absolute;
	margin:0px;
	padding:0px;
	width:96px;
	height:24px;
	bottom:0px;
	left:50%;
	margin-left:-448px;
	background: url(/n2/botleft.png);
}

#botmid {
	position:absolute;
	margin:0px;
	padding:0px;
	width:704px;
	height:24px;
	bottom:0px;
	left:50%;
	margin-left:-352px;
	background: url(/n2/botmid.png);
}

#smallcredits {
	position:absolute;
	margin:0px;
	padding:0px;
	width:704px;
	height:20px;
	bottom:0px;
	left:50%;
	margin-left:-352px;
	color: #444444;
	font-size: 9px;
	text-align: center;
}


#botright {
	position:absolute;
	margin:0px;
	padding:0px;
	width:96px;
	height:24px;
	bottom:0px;
	left:50%;
	margin-left:352px;
	background: url(/n2/botright.png);
}

.listheader {
	float: left;
	border-right: 1px solid #666666;
	padding-top: 2px;;
	height: 18px;
	padding-left: 4px;
	padding-right: 4px;
}

input.loginform {
	height: 16px;
	width: 200px;
	font-size: 13px;
	font-family: Lucida Grande, Lucida Sans, Helvetica Neue, Helvetica, Arial;
}

.iconviewicon {
	float:left;
	padding-bottom: 20px;
	width:192px;
	display: box;
	text-align:center
}

.iconviewoverlaygrouping {
	position:relative;
}

.iconviewloadoverlay {
	position:absolute;
	top: 96px;
	left: 60px;
	opacity: 0.60;
}

.iconviewdetails {
	float:left;
	margin-top:-4px;
	width:450px;
	display: box;
	min-height: 148px;
	padding-bottom: 32px;
}

#topleft.login {
	height:44px;
	margin-left:-219px;
}

#topmid.login {
	height:44px;
	width:342px;
	margin-left:-171px;
}

#topright.login {
	height:44px;
	margin-left:171px;
}

#midleft.login {
	position:absolute;
	top:44px;
	bottom:auto;
	height:119px;
	margin-left:-218px;
}

#content.login {
	position:absolute;
	top:44px;
	bottom:auto;
	height:119px;
	width:358px;
	margin-left:-179px;
	background: url(/n2/mid.png);
}

#midright.login {
	position:absolute;
	top:44px;
	bottom:auto;
	height:119px;
	margin-left:178px;
}	

#botleft.login {
	height:64px;
	bottom:auto;
	top:163px;
	margin-left:-219px;
}

#botmid.login {
	height:64px;
	width:246px;
	margin-left:-123px;
	bottom:auto;
	top:163px;
}

#botright.login {
	height:64px;
	bottom:auto;
	top:163px;
	margin-left:123px;
}

#topleft.infotext {
	height:44px;
	margin-left:-319px;
}

#topmid.infotext {
	height:44px;
	width:542px;
	margin-left:-271px;
}

#topright.infotext {
	height:44px;
	margin-left:271px;
}

#midleft.infotext {
	position:absolute;
	top:44px;
	bottom:auto;
	height:169px;
	margin-left:-318px;
}

#content.infotext {
	position:absolute;
	top:44px;
	bottom:auto;
	height:169px;
	width:558px;
	margin-left:-279px;
	background: url(/n2/mid.png);
}

#warningicon.infotext {
	position: absolute;
	left: 50%;
	margin-left:-245px;
	top: 15px;
	height: 70px;
	width: 70px;
}

#midright.infotext {
	position:absolute;
	top:44px;
	bottom:auto;
	height:169px;
	margin-left:278px;
}	

#botleft.infotext {
	height:64px;
	bottom:auto;
	top:213px;
	margin-left:-319px;
}

#botmid.infotext {
	height:64px;
	width:446px;
	margin-left:-223px;
	bottom:auto;
	top:213px;
}

#botright.infotext {
	height:64px;
	bottom:auto;
	top:213px;
	margin-left:223px;
}

